<template>
  <div class="search">
    <Card>
      <Form
        ref="searchForm"
        :model="queryParam"
        inline
        :label-width="100"
        class="search-form"
      >
        <Form-item label="转出人昵称" prop="memberNickName">
          <Input
            type="text"
            v-model="queryParam.memberNickName"
            placeholder="转出人昵称"
            clearable
            style="width: 200px"
          />
        </Form-item>
        <Form-item label="转出人手机号" prop="memberMobile">
          <Input
            type="text"
            v-model="queryParam.memberMobile"
            placeholder="转出人手机号"
            clearable
            style="width: 200px"
          />
        </Form-item>

        <Button
          @click="reloadData"
          type="primary"
          icon="ios-search"
          class="search-btn"
          >搜索</Button
        >
        <Button
          @click="reloadData(true)"
          type="primary"
          icon="ios-refresh"
          class="search-btn"
          >重置</Button
        >
      </Form>
      
      <Table
        :loading="loading"
        border
        :columns="columns"
        :data="dataSource"
        ref="table"
        class="mt_10"
      >
      </Table>
      <Row type="flex" justify="end" class="mt_10">
        <Page v-bind="pageOption" v-on="pageListener"></Page>
      </Row>
    </Card>
  </div>
</template>

<script>
import { SimpleTableMixins } from "@/mixins/SimpleTableMixins.js";
import { getTransferLog } from "@/api/billStatic.js";
import { getDictByKey } from "@/libs/dictStorage";
import vueQr from "vue-qr";

export default {
  mixins: [SimpleTableMixins],
  components: {
    "vue-qr": vueQr,
  },
  data() {
    let that = this;
    return {
      action: {
        listAction: getTransferLog,
      },
      columns: [
        // 表头
        {
          title: "转出人昵称",
          key: "memberNickName",
          minWidth: 100,
        },
        {
          title: "转出人手机号",
          key: "memberMobile",
          minWidth: 100,
        },
        {
          title: "转出提货券",
          key: "price",
          minWidth: 100,
        },
        {
          title: "接收人昵称",
          key: "transferMemberNickName",
          minWidth: 100,
        },
        {
          title: "接收人手机号",
          key: "transferMemberMobile",
          minWidth: 100,
        },
        {
          title: "收入提货券",
          key: "transferPrice",
          minWidth: 100,
        },
        {
          title: "手续费",
          key: "free",
          minWidth: 100,
        },
        {
          title: "变更时间",
          key: "createTime",
          width: 200,
        },
      ],
    };
  },
  methods: {
  },
  mounted() {},
};
</script>
